<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col">
    <wd-navbar
      title="选择录入的菜品类型"
      left-text="返回"
      left-arrow
      @click-left="handleClickLeft"
    />
    <view class="box-border flex flex-1 flex-col overflow-y-auto p-4">
      <navigator class="" url="/pages/dishManagement/dishAddNormal">
        <view class="h-[100px] flex items-center rounded-lg bg-white px-4 shadow">
          <wd-img src="/static/icon/dish.png" :width="28" :height="22" />
          <view class="ml-4 flex flex-col">
            <wd-text text="普通菜品" color="#333" />
            <wd-text text="固定价格菜品，如：鱼香肉丝 18元" size="14px" custom-class="mt-2" />
          </view>
        </view>
      </navigator>
      <view class="mt-4 h-[100px] flex items-center rounded-lg bg-white px-4 shadow">
        <wd-img src="/static/icon/dish.png" :width="28" :height="22" />
        <view class="ml-4 flex flex-col">
          <wd-text text="多规格菜品（如大杯小杯）" color="#333" />
          <wd-text text="有不同规格，如雪碧 大份 8元/小份6元" size="14px" custom-class="mt-2" />
        </view>
      </view>
      <view class="mt-4 h-[100px] flex items-center rounded-lg bg-white px-4 shadow">
        <wd-img src="/static/icon/dish.png" :width="28" :height="22" />
        <view class="ml-4 flex flex-col">
          <wd-text text="称重菜品" color="#333" />
          <wd-text text="按重量计价，如：草鱼 25元/斤" size="14px" custom-class="mt-2" />
        </view>
      </view>
      <view class="mt-4 h-[100px] flex items-center rounded-lg bg-white px-4 shadow">
        <wd-img src="/static/icon/dish.png" :width="28" :height="22" />
        <view class="ml-4 flex flex-col">
          <wd-text text="套餐" color="#333" />
          <wd-text text="多个菜品组合，如：可乐+汉堡+薯条 20元" size="14px" custom-class="mt-2" />
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
